<template>
  <div id="app">
    <!--<router-view />-->
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>

    <div v-if="isshow === true" style="position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 99999;">
      <div style="background: white;width: 250px;height: 100px;border-radius: 4px;position:absolute;left: 50%;margin-left: -125px;top: 40%">
        <div style="color: #666;font-size: 16px;margin-top: 35px;padding-bottom: 10px">{{msg}}</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'App',
  data(){
    return{
      isshow: false
    }
  },
  created(){
    var self = this
    if(self.isshow === true){
      $("body,#app").height($(window).height()).css({
        "overflow-y": "hidden"
      });
    }
    self.setJsSdk()
    self.getUserinfo()
  },
  methods:{
    setJsSdk(){
      this.$util.post('login/getShareLink',{
        url: window.location.href
      }).then(data => {
        if(data.status == 1){
          wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: data.data.appid, // 必填，公众号的唯一标识
            timestamp: data.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: data.data.noncestr, // 必填，生成签名的随机串
            signature: data.data.signature,// 必填，签名，见附录1
            jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","chooseImage","uploadImage","previewImage","downloadImage","getLocalImgData"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
          });
          wx.ready(function(){
            var  title="";
            var desc='';
            var  url=window.location.href;
            var IMGurl=''

            // wx.chooseImage({
            //   count:5,//设置一次能选择的图片的数量
            //   sizeType:['original','compressed'],//指定是原图还是压缩,默认二者都有
            //   sourceType:['album','camera'],//可以指定来源是相册还是相机,默认二者都有
            //   success:function(res){   //微信返回了一个资源对象
            //     console.log(res)
            //     //res.localIds 是一个数组　保存了用户一次性选择的所有图片的信息　 　　　　　　　　
            //     // images.localId=res.localIds;//把图片的路径保存在images[localId]中--图片本地的id信息，用于上传图片到微信浏览器时使用
            //     // her.upNum+=res.localIds.length;
            //     // ulLoadToWechat(0); //把这些图片上传到微信服务器  一张一张的上传
            //   }
            // });

            //分享到朋友圈
            wx.onMenuShareTimeline({
              title:title,// 分享标题
             //link:url,//分享出去后的链接，这里可以将链接设置为另一个页面。
              imgUrl:IMGurl,//分享图，默认当相对路径处理，所以使用绝对路径的的话，“http://”协议前缀必须在。
              success: function () {
              // alert(window.location.href);
              },
              cancel: function () {
              }
            });
            wx.onMenuShareAppMessage({
              title:title, // 分享标题
              desc:desc, // 分享描述
              // link:url,//分享出去后的链接，这里可以将链接设置为另一个页面。
              imgUrl:IMGurl,//分享图，默认当相对路径处理，所以使用绝对路径的的话，“http://”协议前缀必须在。
              type: '', // 分享类型,music、video或link，不填默认为link
              dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
              success: function () {
              },
              cancel: function () {
              }
            });

          });
        }
      })
    },
    getUserinfo() {
      var self = this
      var _href = window.location.href;
      // localStorage.removeItem('openid')

      // var openid = localStorage.getItem('openid')
      //
      // if(openid){
        this.$util.get('login/getOpenidUserinfo',{}).then(data => {
          if(data.status == 1 ){
            var uinfo = {
              uid: data.data.id,
              username: data.data.username,
              userimg: data.data.img,
              mobile: data.data.mobile,
              openid: data.data.openid,
            }

            localStorage.setItem('openid', data.data.openid)
            self.$store.commit('setUserinfo', uinfo)

            if(!data.data.mobile){
              self.$router.push('/register')
              return
            }
            self.msg = '授权成功，正在跳转页面...'
            self.isshow = true
            setTimeout(self.showlay,2000)
          }
        })
      // }
      // else {
      //   // window.location.href = 'http://bb3.cqjydjsm.com/index/auth/index'
      //   // window.location.href = 'http://www.ygbxsc.com/index/auth/index'
      //   window.location.href = 'http://web.ygbxsc.com/index/auth/index'
      // }


    },
    showlay(){
      var self = this
      self.isshow = false
      self.$router.push('/')

      // location.reload()
    },
  }
}
</script>

<style lang="less">
@import url(./assets/css/public.less);
</style>

